import React, { Component } from 'react'
import RecommendedReq from '../../components/RecommendedReq'
import ArticleType from '../../types/ArticleType'
import ArticleList from '../../components/ArticleList'
import ReviewArticleIcon from '../../static/images/文章.svg'
import DeviceKnowledgeIcon from '../../static/images/设备知识.svg'

export default class ReviewArticleList extends Component {
    render() {
        return (
            <div className='frameCardWrapper' >
                <div className='flexRow'>
                    <div className="leftFrameBox">
                        <ArticleList
                            title={
                                <div className="articleListTitle">
                                    <img src={ReviewArticleIcon} alt="加载失败"/>
                                    <b>测评文章</b>
                                </div>
                            }
                            articleType={ArticleType.EVALUATION}
                        />
                    </div>
                    <div className="rightFrameBox">
                        <RecommendedReq
                            title={
                                <div className="articleListTitle">
                                    <img src={DeviceKnowledgeIcon} alt="加载失败"/>
                                    <b>设备知识</b>
                                </div>
                            }
                            recommendType={ArticleType.KNOWLEDGE} />
                    </div>
                </div>
            </div>
        )
    }
}
